html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#root {
	width: 1920px;
	height: 1080px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(../images/bg_background.jpg);
}

.container {
	width: 500px;
	height: 500px;
	text-align: center;
	justify-content: center;
	display: flex;
	position: relative;
}

.imgContainer {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.rightRotate {
	height: 100%;
	width: 100%;
	background: url(../images/rightRotate.png) no-repeat;
	position: absolute;
	background-size: cover;

	animation-duration: 50s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	animation-name: rotate_r;
}

.leftRotate {
	height: 100%;
	width: 100%;
	background: url(../images/leftRotate.png) no-repeat;
	position: absolute;
	background-size: cover;

	animation-duration: 50s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	animation-name: rotate_l;
}

.main {
	z-index: 999;
}

.imgBorder {
	height: 100%;
	width: 100%;
	background: url(../images/border.png) no-repeat;
	position: absolute;
	background-size: cover;
}

.flash {
	width: 112.88px;
	height: 131.08px;
	position: absolute;
	overflow: hidden;
	border-radius: 50%;
}

.flash-container {
	width: 100%;
	height: 100%;
	position: absolute;
	background: gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	transform: skewX(-25deg);
	animation: rolled 2.5s .2s ease both infinite;
	overflow: hidden;
}

@keyframes rolled {
	0% {
		left: -150px;
	}

	100% {
		left: 920px;
	}
}

@keyframes rotate_r {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotate_l {
	0% {
		transform: rotate(359deg);
	}
}

#particles-js {
	height: 100%;
	width: 100%;
	position: absolute;
}
